<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>wx</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="./lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/underscore.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" src="./lib/global.js"></script>
    <style>
        button {
            width: 200px;
            height: 100px;
            display: block;
            margin: 50px auto;
            font-size: 30px;
        }
    </style>
</head>

<body>
<button id="pay">点击支付</button>
</body>
</html>
<script>
    $(function () {
        var fn = ABUS.Fn;
        fn.wxPay({
            btnId:"pay",
            price:"111.11",
            body:"asdf",
            orderType:"type123"
        });
    })
//$(function () {
//    var fn = ABUS.Fn;
//    var location = window.location;
//    var appId = 'wx60560b337cffe410';
//    $.ajax({
////        url: "./simdata/getSignature.json",
//        url:"/wechart/getSignature",
//        type: "post",
//        data: {
//            "url":location.origin + location.pathname + location.search,
//            "timestamp":fn.getTimeStamp(),
//            "noncestr":fn.getNonceStr()
//        },
//        dataType: "json",
//        success: function (data) {
//            if (data.result !== 1) {
//                alert("调用配置接口失败");
//                return false;
//            }
//            data = data.data;
//
//            wx.config({
//                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
//                appId: appId, // 必填，公众号的唯一标识
//                timestamp: fn.getTimeStamp(),//data.timestamp, // 必填，生成签名的时间戳
//                nonceStr: fn.getNonceStr(),//data.noncestr, // 必填，生成签名的随机串
//                signature: data.signature,// 必填，签名，见附录1
//                jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//            });
//            initPay(wx);
//        }
//    });
//
//    function initPay(wx) {
//        wx.ready(function () {
//            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//
//            //这里需要先调用后台封装好的，微信统一下单接口，才能从接口中获取支付所需参数
//            //之后调用一下支付接口
//            $("#pay").on('click',function () {
//                var orderType = 'baoche';//zuche|baoche|gudingxianlu|chengjibaoche
//                var body = '腾讯充值中心-QQ会员充值';
//                var orderPrice = '0.01';
//                var timeStamp = fn.getTimeStamp();
//                var nonceStr = fn.getNonceStr();
//                $.ajax({
////                    url: "./simdata/prePayRequest.json",
//                    url:"/wechart/prePayRequest",
//                    type: "post",
//                    data: {
//                        "orderType": orderType,
//                        "body": body,
//                        "orderPrice":orderPrice,
//                        "timeStamp": timeStamp,
//                        "nonceStr": nonceStr
//                    },
//                    dataType: "json",
//                    success: function (data) {
//                        if (data.result !== 1) {
//                            alert("调用统一支付接口失败");
//                            return false;
//                        }
//                        data = data.data;
//                        //创建支付
//                        $.ajax({
////                            url: "./simdata/getPaySign.json",
//                            url: "/wechart/getPaySign",
//                            type: "post",
//                            data: {
//                                "appId": appId,
//                                "timeStamp": timeStamp,
//                                "nonceStr": nonceStr,
//                                "prepay_id": "prepay_id="+data.prepay_id,
//                                "signType": 'MD5'
//                            },
//                            dataType: "json",
//                            success: function (data1) {
//                                data1 = data1.data;
//                                WeixinJSBridge.invoke(
//                                    'getBrandWCPayRequest', {
//                                        "appId":data1.appId,
//                                        "timeStamp": data1.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
//                                        "nonceStr": data1.nonceStr, // 支付签名随机串，不长于 32 位
//                                        "package": data1.prepay_id, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
//                                        "signType": data1.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
//                                        "paySign": data1.sign, // 支付签名
//                                    },
//                                    function(res){
//                                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
//                                    }
//                                );
////                                wx.chooseWXPay({
////                                	"appId":data1.appId,
////                                    "timeStamp": data1.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
////                                    "nonceStr": data1.nonceStr, // 支付签名随机串，不长于 32 位
////                                    "package": data1.prepay_id, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
////                                    "signType": data1.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
////                                    "paySign": data1.sign, // 支付签名
////                                    success: function (res) {
////                                        alert("pay success:" + JSON.stringify(res));
////                                        // 支付成功后的回调函数
////                                    },
////                                    fail: function (res) {
////                                        console.log("pay fail:" + JSON.stringify(res));
////                                    },
////                                    complete: function (res) {
////                                        console.log("pay complete:" + JSON.stringify(res));
////                                    }
////                                });
//                            }
//                        })
//                    }
//                });
//            })
//        });
//        wx.error(function (res) {
//            console.log('config error');
//            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
//        });
//    }
//
//})
</script>
